<template>
  <div class=".lix-container">
    <div class="lix-index__header">
      <van-tabs :active="active" @change="onChange" color="#ff6b00">
        <van-tab title="小学"></van-tab>
        <van-tab title="初中"></van-tab>
        <van-tab title="高中"></van-tab>
      </van-tabs>
    </div>
    <div class="lix-index__content">
      <div class="fixed"></div>
      <div class="list">
        <div class="cell" v-for="n in 20" :key="n" @click="go2ShoplistPage">
          <image class="logo" src="../../static/images/491538205187_.pic_hd.jpg" />
          <div class="title">济南市明湖中学</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 1
    };
  },
  methods: {
    onChange(e) {
      console.log(e);
    },
    go2ShoplistPage(e) {
      wx.navigateTo({
        url: '/pages/shoplist/main'
      });
    }
  }
};
</script>

<style lang="scss">
@import "../../theme-chalk/index.scss";
</style>
